<template>
	<view class="page">

		<view>
			<view class="">
				<cu-custom>
					<block style="color: #777777;font-size: 48rpx;" slot="content">首页</block>
				</cu-custom>
			</view>
		</view>
		<view>
			<view v-if="type == 'A'">
				<aHome ref="aHome"></aHome>
			</view>
			<view v-else-if="type == 'B'">
				<bHome ref="bHome"></bHome>
			</view>
			<view v-else-if="type == 'C'">
				<cHome ref="cHome"></cHome>
			</view>
			<view v-else-if="type == 'D'">
				<dHome ref="dHome"></dHome>
			</view>
		</view>
	</view>
</template>

<script>
	import aHome from './aHome/aHome.vue'
	import bHome from './bHome/bHome.vue'
	import cHome from './cHome/cHome.vue'
	import dHome from './dHome/dHome.vue'
	export default {
		data() {
			return {
				// type: getApp().globalData.role,
				type: getApp().globalData.role,
			}
		},
		components: {
			aHome,
			bHome,
			cHome,
			dHome
		},
		methods: {
		},

		created() {
			console.info("home created")
		},
	}
</script>

<style scoped>
	.page {
		height: 100vh;
		background-color: #f5f6f8;
	}
</style>
